<template>
	<section id="videoNav">
		<ul class="video_navList">
			<li class="video_navLi" v-for="(item,index) in navList" :key="index">
				<router-link to="">
					<span>{{item.name}}</span>
				</router-link>
			</li>
		</ul>
		
	</section>
</template>

<script>
	export default {
		data() {
			return {
				navList:[
					{name:'推荐'},
					{name:'音乐'},
					{name:'影视'},
					{name:'社会'},
					{name:'农人'},
					{name:'游戏'},
					{name:'图片'},
					{name:'懂车帝'},
					{name:'体育'},
					{name:'财经'},
					{name:'国际'},
					{name:'健康'},
					{name:'军事'},
					{name:'历史'},
					{name:'放心购'},
					{name:'历史'}
				]
			};
		},
		components: {
		},
		methods: {
			jumpSearch() {
				this.$router.push({path:'/search'})
			},
		},
		mounted() {
			// 这里要进行请求把导航循环出来 ，然后根据传过来的id进行导航切换内容，目前用静态
		},
		computed: {

		}
	};
</script>
<style scoped lang="scss">
	@import "@/asserts/styles/video/video.scss";
</style>
